<!--
 * @Description: In User Settings Edit
 * @Author: your name
 * @Date: 2019-07-31 17:46:49
 * @LastEditTime: 2020-03-13 13:36:34
 * @LastEditors: Please set LastEditors
 -->
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport"
        content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../css/vant.css">
    <link rel="stylesheet" type="text/css" href="../css/base.css" />
    <script type="text/javascript" src="../script/jquery.js"></script>
    <script type="text/javascript" src="../script/layer/mobile/layer.js"></script>
    <script type="text/javascript" src="../script/vue.min.js"></script>
    <script type="text/javascript" src="../script/vant.min.js"></script>
    <script type="text/javascript" src="../script/fastclick.js"></script>
    <script type="text/javascript" src="../script/base.js"></script>
    <style type="text/css">
        .remark {
            color: #e4622a;
            text-align: center;
            font-size: 13px;
            line-height: 30px;
            font-weight: 700;
        }
        .van-search {
			/* background: transparent !important; */
			padding: 6px 0;
			border-bottom: 1px solid #ebedf0;
		}

		/* .van-search__content {
			background: transparent
		} */

		.van-search__action {
			color: #cd1b21;
			font-size: 13px;
			font-weight: 700;
		}
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="init-full">
            <van-nav-bar class="head" title="客户定位" left-arrow @click-left="onClickLeft">
                <div slot="right" class="head-right">
                    <span @click.stop="saveLocation">保存</span>
                </div>
            </van-nav-bar>
            <div class="body-no-bottom">
                <div class="content">
                    <div>
                        <form action="">
                            <van-search v-model="addressKeyWord" placeholder="请输入您要搜索的地址" show-action
                                @search="searchAddress">
                                <div slot="action" @click="searchAddress">查询</div>
                            </van-search>
                        </form>
                    </div>
                    <!-- <div class="remark">请长按并拖动标注更改客户定位</div> -->
                </div>
                <van-loading v-if="showLoading" />
            </div>
        </div>
    </div>
</body>

<script type="text/javascript">
    var vm;
    apiready = function () {
        //$('.init-full').show();
        var userInfo = FLD.getUserInfo();
        vm = new Vue({
            el: '#app',
            data: {
                showLoading: false,
                ifConfirm: false,
                addressKeyWord: '',
                customerData: api.pageParam.customerData
            },
            created: function () {
                this.openMapModule();
            },
            methods: {
                openMapModule() {
                    var that = this;
                    var appTop_ = parseInt(window.localStorage.getItem('safeAreaTop'));
                    var y = appTop_ ? (appTop_ + 90) : (appTop_ + 75);
                    api.openFrame({
                        name: 'map',
                        url: 'map.html',
                        rect: {
                            x: 0,
                            y: y,
                            w: api.winWidth,
                            h: api.winHeight - y
                        },
                        pageParam: {
                            customerData: that.customerData,
                            y:y,
                            type:'定位',
                            saveType:api.pageParam.saveType
                        }
                    });

                    
                },
                searchAddress() {
                    var that = this;
                    api.sendEvent({
                        name: 'searchAddress',
                        extra: {
                            key: that.addressKeyWord
                        }
                    });
                },
                saveLocation() {
                    var that = this;
                    api.sendEvent({
                        name: 'saveLocation'
                    });
                },
                onClickLeft() {
                    api.closeWin();
                }
            }
        })
    };
</script>

</html>